<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      html {
        cursor: url(../other/cursor.png), auto;
      }
      .box {
        width: 300px;
        height: 30px;
        border: 1px solid #000;
        line-height: 30px;
        margin-bottom: 5px;
        white-space: nowrap; /* 空白内容不换行 */
        overflow: hidden;
        text-overflow: ellipsis; /* 文本溢出时显示省略号 */
      }
    </style>
  </head>
  <body>
    <div class="box" title="泽连斯基或沦为“丧家之犬”！国际传来了2个新的消息">
      泽连斯基或沦为“丧家之犬”！国际传来了2个新的消息
    </div>
    <div class="box">18号上午，第二个乌克兰诞生就在刚刚，日本传来坏消息</div>
    <div class="box">
      3-0！中国女足半场打花对手，水庆霞淡定鼓掌，亚运会铜牌稳了
    </div>
    <div class="box">
      大学毕业后，才明白理科生与文科生的差距，不是“一点点”的问题
    </div>
    <div class="box">南阳迷笛音乐节哄抢事件，为什么谣言能够一呼百应？</div>
  </body>
</html>
